<!--
 * @Author: your name
 * @Date: 2019-11-19 09:18:43
 * @LastEditTime: 2019-11-22 18:33:51
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \YouYouFo\you-you-go\src\views\Index.vue
 -->

<template>
  <div>
    <van-swipe :autoplay="3000" indicator-color="white" :height="200">
      <van-swipe-item>
        <img src="@/assets/1.jpg" />
      </van-swipe-item>
      <van-swipe-item>
        <img src="@/assets/2.jpg" />
      </van-swipe-item>
      <van-swipe-item>
        <img src="@/assets/3.jpg" />
      </van-swipe-item>
    </van-swipe>
    <router-link to="/newsList">
      <div class="van-grid-item">
        <img src="@/assets/menu1.png" alt />
        <p>新闻咨询</p>
      </div>
    </router-link>
    <router-link to="/pictureShare">
      <div class="van-grid-item">
        <img src="@/assets/menu2.png" alt />
        <p>图片分享</p>
      </div>
    </router-link>
    <router-link to="/goodsList">
      <div class="van-grid-item">
        <img src="@/assets/menu3.png" alt />
        <p>商品购买</p>
      </div>
    </router-link>

    <div class="van-grid-item">
      <img src="@/assets/menu4.png" alt />
      <p>留言反馈</p>
    </div>
    <div class="van-grid-item">
      <img src="@/assets/menu5.png" alt />
      <p>视频专区</p>
    </div>
    <div class="van-grid-item">
      <img src="@/assets/menu6.png" alt />
      <p>联系我们</p>
    </div>

    <!-- <van-grid-item icon="photo-o" text="" />
  <van-grid-item icon="photo-o" text="图片分享" />
  <van-grid-item icon="photo-o" text="" />
  <van-grid-item icon="photo-o" text="" />
  <van-grid-item icon="photo-o" text="" />
    <van-grid-item icon="photo-o" text="" />-->
  </div>
</template>
           
<script>
export default {}
</script>
<style scoped>
.van-swipe-item img {
  height: 200px;
  width: 100%;
}
.van-grid-item {
  float: left;
  width: 33.3%;
  text-align: center;
  padding: 15px 10px;
}
.van-grid-item img {
  height: 60px;
}
.van-grid-item p {
  color: #000;
}
</style>